:root{
    --main-bg-color: #fff;
    --main-text-color: #333;
    --main-border-color: #333;
}
.dark-theme:root{
    --main-bg-color: rgba(0,0,0,1);
    --main-text-color: rgba(255,255,255,.8);
    --main-border-color: rgba(255,255,255,.8);
}
.light-theme:root{
    --main-bg-color: rgb(0, 113, 255);
    --main-text-color: rgba(255,255,255,.8);
    --main-border-color: rgba(255,255,255,.8);
}
.main-container{
    display: flex;
    width: 100%;
    height: 100%;
}

.main-container>div{
    flex: 1;
}
.main-box{
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
    border: 1px solid;
    border-color: var(--main-border-color);
}